<template>
  <div>
    <a-config-provider :locale="locale">
      <div style="font-size: 14pt; margin-bottom: 10px"><span style="font-weight: bold; ">编号：</span>{{ formData.applyCode.componentProp.defaultValue }}</div>
      <div style="font-size: 18pt; text-align: center;font-weight: bold; margin-bottom: 10px">
        中电信翼康科技有限公司
      </div>
      <div style="font-size: 18pt; text-align: center;font-weight: bold; margin-bottom: 50px">
        员工离职审批表
      </div>
      <a-form ref="vForm" :model="formData" hideRequiredMark>
        <table border="1" cellspacing="0" cellpadding="0" style="width: 100%" class="yk_table">
          <tr>
            <td><span style="font-weight: bold; ">姓名</span></td>
            <td>
              <a-form-item :label="formData.applyUserName.label" class="hideLabel" :name="[
                formData.applyUserName.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.applyUserName.componentProp.hidden" :rules="formData.applyUserName.rules">
                <a-input v-model:value="formData.applyUserName.componentProp.defaultValue
                  " :disabled="formData.applyUserName.componentProp.disabled" :placeholder="formData.applyUserName.componentProp.placeholder
    " />
              </a-form-item>
            </td>
            <td><span style="font-weight: bold; ">联系电话</span></td>
            <td>
              <a-form-item :label="formData.applyUserPhone.label" class="hideLabel formTimedisplay" :name="[
                formData.applyUserPhone.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.applyUserPhone.componentProp.hidden" :rules="formData.applyUserPhone.rules">
                <a-input v-model:value="formData.applyUserPhone.componentProp.defaultValue"
                  :disabled="formData.applyUserPhone.componentProp.disabled"
                  :placeholder="formData.applyUserPhone.componentProp.placeholder" />
              </a-form-item>
            </td>
            <td><span style="font-weight: bold; ">入职日期</span></td>
            <td>
              <a-form-item :label="formData.startTime.label" class="hideLabel formTimedisplay" :name="[
                formData.startTime.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.startTime.componentProp.hidden" :rules="formData.startTime.rules">
                <a-date-picker style="width: 100%" v-model:value="formData.startTime.componentProp.defaultValue"
                  :disabled="formData.startTime.componentProp.disabled"
                  :placeholder="formData.startTime.componentProp.placeholder" type="date" value-format="YYYY-MM-DD"
                  format="YYYY年MM月DD日" />
              </a-form-item>
            </td>
          </tr>
          <tr>
            <td><span style="font-weight: bold; ">部门</span></td>
            <td colspan="1">
              <a-form-item :label="formData.applyUserDeptName.label" class="hideLabel" :name="[
                formData.applyUserDeptName.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.applyUserDeptName.componentProp.hidden" :rules="formData.applyUserDeptName.rules">
                <a-textarea auto-size v-model:value="formData.applyUserDeptName.componentProp.defaultValue
                  " :disabled="formData.applyUserDeptName.componentProp.disabled" :placeholder="formData.applyUserDeptName.componentProp.placeholder
    " />
              </a-form-item>
            </td>

            <td><span style="font-weight: bold; ">岗位</span></td>
            <td colspan="1">
              <a-form-item :label="formData.job.label" class="hideLabel formTimedisplay" :name="[
                formData.job.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.job.componentProp.hidden" :rules="formData.job.rules">
                <a-input v-model:value="formData.job.componentProp.defaultValue
                  " :disabled="formData.job.componentProp.disabled" :placeholder="formData.job.componentProp.placeholder
    " />
              </a-form-item>
            </td>
            <td><span style="font-weight: bold; ">离职日期</span></td>
            <td>
              <a-form-item :label="formData.endTime.label" class="hideLabel formTimedisplay" :name="[
                formData.endTime.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.endTime.componentProp.hidden" :rules="formData.endTime.rules">
                <a-date-picker style="width: 100%" v-model:value="formData.endTime.componentProp.defaultValue"
                  :disabled="formData.endTime.componentProp.disabled"
                  :placeholder="formData.endTime.componentProp.placeholder" type="date" value-format="YYYY-MM-DD"
                  format="YYYY年MM月DD日" />
              </a-form-item>
            </td>
          </tr>
          <tr>
            <td><span style="font-weight: bold; ">离职原因</span></td>
            <td colspan="7">
              <a-form-item :label="formData.reason.label" class="hideLabel" :name="[
                formData.reason.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.reason.componentProp.hidden" :rules="formData.reason.rules">
                <a-textarea v-model:value="formData.reason.componentProp.defaultValue"
                  :disabled="formData.reason.componentProp.disabled"
                  :placeholder="formData.reason.componentProp.placeholder" />
              </a-form-item>
            </td>
          </tr>
          <tr>
            <!-- <td rowspan="3">会签意见</td> -->
            <td><span style="font-weight: bold; ">部门意见</span></td>
            <td colspan="7">
              <a-form-item :label="formData.deptManagerContent.label" class="hideLabel" :name="[
                formData.deptManagerContent.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.deptManagerContent.componentProp.hidden" :rules="formData.deptManagerContent.rules">
                <a-textarea v-model:value="formData.deptManagerContent.componentProp.defaultValue"
                  :disabled="formData.deptManagerContent.componentProp.disabled"
                  :placeholder="formData.deptManagerContent.componentProp.placeholder" />
              </a-form-item>
              <div style="display: flex; align-items: center; margin-top: 10px;  width: 100%" class="labelDisplay">
                <a-form-item label="离职员工交接工作所需" htmlFor="style='color: red'" :colon="false" :name="[
                  formData.days.field,
                  'componentProp',
                  'defaultValue',
                ]" v-if="!formData.days.componentProp.hidden" :rules="formData.days.rules">
                  <a-input-number :min='0' style="width: 100%" v-model:value="formData.days.componentProp.defaultValue"
                    :disabled="formData.days.componentProp.disabled"
                    :placeholder="formData.days.componentProp.placeholder" />
                </a-form-item>
                日；
                </div>
                <div style="justify-content: start;width: 100%; display: flex; margin-top: 10px;align-items: center;">
                <a-form-item label="即自" :colon="false" :name="[
                  formData.handoverStartTime.field,
                  'componentProp',
                  'defaultValue',
                ]" v-if="!formData.handoverStartTime.componentProp.hidden" :rules="formData.handoverStartTime.rules">
                  <a-date-picker style="width: 100%" v-model:value="formData.handoverStartTime.componentProp.defaultValue"
                    :disabled="formData.handoverStartTime.componentProp.disabled"
                    :placeholder="formData.handoverStartTime.componentProp.placeholder" type="date"
                    value-format="YYYY-MM-DD" format="YYYY年MM月DD日" />
                </a-form-item>
                <a-form-item label="至" :colon="false" :name="[
                  formData.handoverEndTime.field,
                  'componentProp',
                  'defaultValue',
                ]" v-if="!formData.handoverEndTime.componentProp.hidden" :rules="formData.handoverEndTime.rules">
                  <a-date-picker style="width: 100%" v-model:value="formData.handoverEndTime.componentProp.defaultValue"
                    :disabled="formData.handoverEndTime.componentProp.disabled"
                    :placeholder="formData.handoverEndTime.componentProp.placeholder" type="date"
                    value-format="YYYY-MM-DD" format="YYYY年MM月DD日" />
                </a-form-item> 止。
                </div>
              <div style="justify-content: end;;width: 100%; display: flex; margin-top: 10px;align-items: center;">签字：
                <a-form-item label="" :name="[
                  formData.deptManagerSign.field,
                  'componentProp',
                  'defaultValue',
                ]" v-if="!formData.deptManagerSign.componentProp.hidden" :rules="formData.deptManagerSign.rules">
                  <a-input v-model:value="formData.deptManagerSign.componentProp.defaultValue"
                    :disabled="formData.deptManagerSign.componentProp.disabled"
                    :placeholder="formData.deptManagerSign.componentProp.placeholder" />
                </a-form-item>
              </div>
              <div style="justify-content: end; width: 100%; display: flex;margin-top: 10px;align-items: center;">
                <a-form-item label="" :name="[
                  formData.deptManagerDate.field,
                  'componentProp',
                  'defaultValue',
                ]" v-if="!formData.deptManagerDate.componentProp.hidden" :rules="formData.deptManagerDate.rules">
                  <a-date-picker style="width: 100%" v-model:value="formData.deptManagerDate.componentProp.defaultValue
                    " :disabled="formData.deptManagerDate.componentProp.disabled"
                    :placeholder="formData.deptManagerDate.componentProp.placeholder" type="date"
                    value-format="YYYY-MM-DD" format="YYYY年MM月DD日" />
                </a-form-item>
              </div>
            </td>
          </tr>
          <tr>
            <td><span style="font-weight: bold; ">分管领导意见</span></td>
            <td colspan="6">
              <a-form-item style="margin-bottom: 10px" :label="formData.deputyGeneralManagerContent.label"
                class="hideLabel" :name="[
                  formData.deputyGeneralManagerContent.field,
                  'componentProp',
                  'defaultValue',
                ]" v-if="!formData.deputyGeneralManagerContent.componentProp.hidden"
                :rules="formData.deputyGeneralManagerContent.rules">
                <a-textarea v-model:value="formData.deputyGeneralManagerContent.componentProp.defaultValue"
                  :disabled="formData.deputyGeneralManagerContent.componentProp.disabled"
                  :placeholder="formData.deputyGeneralManagerContent.componentProp.placeholder" />
              </a-form-item>
              <div style="float: right; margin-top: 10px;">
                <a-row :gutter="16">
                  <a-col :span="12">
                    <a-form-item label="签字：" :name="[
                      formData.deputyGeneralManagerSign.field,
                      'componentProp',
                      'defaultValue',
                    ]" v-if="!formData.deputyGeneralManagerSign.componentProp.hidden"
                      :rules="formData.deputyGeneralManagerSign.rules">
                      <a-input v-model:value="formData.deputyGeneralManagerSign.componentProp.defaultValue
                        " :disabled="formData.deputyGeneralManagerSign.componentProp.disabled
    " :placeholder="formData.deputyGeneralManagerSign.componentProp.placeholder
    " />
                    </a-form-item>
                  </a-col>
                  <a-col :span="12">
                    <a-form-item :label="formData.deputyGeneralManagerDate.label" class="hideLabel formTimedisplay" :name="[
                      formData.deputyGeneralManagerDate.field,
                      'componentProp',
                      'defaultValue',
                    ]" v-if="!formData.deputyGeneralManagerDate.componentProp.hidden"
                      :rules="formData.deputyGeneralManagerDate.rules">
                      <a-date-picker v-model:value="formData.deputyGeneralManagerDate.componentProp.defaultValue
                        " :disabled="formData.deputyGeneralManagerDate.componentProp.disabled" :placeholder="formData.deputyGeneralManagerDate.componentProp.placeholder
    " show-time type="date" value-format="YYYY-MM-DD" format="YYYY年MM月DD日" style="width: 100%"/>
                    </a-form-item>
                  </a-col>
                </a-row>
              </div>
            </td>
          </tr>
          <tr>
            <td><span style="font-weight: bold; ">总经理审批</span></td>
            <td colspan="6">
              <a-form-item style="margin-bottom: 10px" :label="formData.generalManagerContent.label" class="hideLabel"
                :name="[
                  formData.generalManagerContent.field,
                  'componentProp',
                  'defaultValue',
                ]" v-if="!formData.generalManagerContent.componentProp.hidden"
                :rules="formData.generalManagerContent.rules">
                <a-textarea v-model:value="formData.generalManagerContent.componentProp.defaultValue"
                  :disabled="formData.generalManagerContent.componentProp.disabled"
                  :placeholder="formData.generalManagerContent.componentProp.placeholder" />
              </a-form-item>
              <div style="float: right; margin-top: 10px;">
                <a-row :gutter="16">
                  <a-col :span="12">
                    <a-form-item label="签字：" :name="[
                      formData.generalManagerSign.field,
                      'componentProp',
                      'defaultValue',
                    ]" v-if="!formData.generalManagerSign.componentProp.hidden"
                      :rules="formData.generalManagerSign.rules">
                      <a-input v-model:value="formData.generalManagerSign.componentProp.defaultValue
                        " :disabled="formData.generalManagerSign.componentProp.disabled
    " :placeholder="formData.generalManagerSign.componentProp.placeholder
    " />
                    </a-form-item>
                  </a-col>
                  <a-col :span="12">
                    <a-form-item :label="formData.generalManagerDate.label" class="hideLabel formTimedisplay" :name="[
                      formData.generalManagerDate.field,
                      'componentProp',
                      'defaultValue',
                    ]" v-if="!formData.generalManagerDate.componentProp.hidden"
                      :rules="formData.generalManagerDate.rules">
                      <a-date-picker v-model:value="formData.generalManagerDate.componentProp.defaultValue
                        " :disabled="formData.generalManagerDate.componentProp.disabled" :placeholder="formData.generalManagerDate.componentProp.placeholder
    " show-time type="date" value-format="YYYY-MM-DD" format="YYYY年MM月DD日" style="width: 100%"/>
                    </a-form-item>
                  </a-col>
                </a-row>
              </div>
            </td>
          </tr>
          <tr>
            <td><span style="font-weight: bold; ">人力资源部审批</span></td>
            <td colspan="6">
              <a-form-item style="margin-bottom: 10px" :label="formData.manpowerManagerContent.label" class="hideLabel"
                :name="[
                  formData.manpowerManagerContent.field,
                  'componentProp',
                  'defaultValue',
                ]" v-if="!formData.manpowerManagerContent.componentProp.hidden"
                :rules="formData.manpowerManagerContent.rules">
                <a-textarea v-model:value="formData.manpowerManagerContent.componentProp.defaultValue"
                  :disabled="formData.manpowerManagerContent.componentProp.disabled"
                  :placeholder="formData.manpowerManagerContent.componentProp.placeholder" />
              </a-form-item>
              <div style="float: right; margin-top: 10px;">
                <a-row :gutter="8">
                  <!-- <a-col :span="8">
                    <a-form-item :label="formData.applyUserContractType.label"
                      :name="[formData.applyUserContractType.field, 'componentProp', 'defaultValue']"
                      v-if="!formData.applyUserContractType.componentProp.hidden" :rules="formData.applyUserContractType.rules">
                      <a-select v-model:value="formData.applyUserContractType.componentProp.defaultValue"
                        :disabled="formData.applyUserContractType.componentProp.disabled"
                        :placeholder="formData.applyUserContractType.componentProp.placeholder"
                        :options="formData.applyUserContractType.componentProp.option" allowClear>
                      </a-select>
                    </a-form-item>
                  </a-col> -->
                  <a-col :span="12">
                    <a-form-item label="签字：" :name="[
                      formData.manpowerManagerSign.field,
                      'componentProp',
                      'defaultValue',
                    ]" v-if="!formData.manpowerManagerSign.componentProp.hidden"
                      :rules="formData.manpowerManagerSign.rules">
                      <a-input v-model:value="formData.manpowerManagerSign.componentProp.defaultValue
                        " :disabled="formData.manpowerManagerSign.componentProp.disabled
    " :placeholder="formData.manpowerManagerSign.componentProp.placeholder
    " />
                    </a-form-item>
                  </a-col>
                  <a-col :span="12">
                    <a-form-item :label="formData.manpowerManagerDate.label" class="hideLabel formTimedisplay" :name="[
                      formData.manpowerManagerDate.field,
                      'componentProp',
                      'defaultValue',
                    ]" v-if="!formData.manpowerManagerDate.componentProp.hidden"
                      :rules="formData.manpowerManagerDate.rules">
                      <a-date-picker v-model:value="formData.manpowerManagerDate.componentProp.defaultValue
                        " :disabled="formData.manpowerManagerDate.componentProp.disabled" :placeholder="formData.manpowerManagerDate.componentProp.placeholder
    " show-time type="date" value-format="YYYY-MM-DD" format="YYYY年MM月DD日" style="width: 100%"/>
                    </a-form-item>
                  </a-col>
                </a-row>
              </div>
            </td>
          </tr>
          <tr>
            <td><span style="font-weight: bold; ">备注</span></td>
            <td colspan="5">
              <a-form-item style="margin-bottom: 10px" :label="formData.remark.label" class="hideLabel" :name="[
                formData.remark.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.remark.componentProp.hidden" :rules="formData.remark.rules">
                <a-textarea v-model:value="formData.remark.componentProp.defaultValue"
                  :disabled="formData.remark.componentProp.disabled"
                  :placeholder="formData.remark.componentProp.placeholder" />
              </a-form-item>
            </td>
          </tr>
          <tr>
            <td colspan="6" style="text-align: left;color:#ff0000">
              注意：请将PDF/JPG版手签离职报告做为附件上传
            </td>
          </tr>
        </table>
      </a-form>
    </a-config-provider>
  </div>
</template>

<script lang="ts" setup>
import { ref, reactive, watch } from "vue";
import dayjs from "dayjs";
import zhCN from "ant-design-vue/es/locale/zh_CN";
import "dayjs/locale/zh-cn";
dayjs.locale("zh-cn");
const vForm = ref();
const locale = ref(zhCN);
const formData = reactive({
  applyCode: {
    type: "input",
    field: "applyCode",
    label: "编号",
    rules: [{ required: false }],
    componentProp: {
      defaultValue: '${applyCode}',
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  role: {
    type: 'input',
    field: 'role',
    label: '离职人角色（隐藏）',
    rules: [{ required: true }],
    componentProp: {
      defaultValue: "${applyUserRole}",
      disabled: false,
      hidden: false,
      placeholder: ""
    }
  },

  applyUserName: {
    type: "input",
    field: "applyUserName",
    label: "姓名",
    rules: [{ required: true }],
    componentProp: {
      defaultValue: "${applyUserName}",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  applyUserId: {
    type: "input",
    field: "applyUserId",
    label: "姓名ID",
    rules: [{ required: true }],
    componentProp: {
      defaultValue: "${applyUserId}",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  applyUserPhone: {
    type: "input",
    field: "applyUserPhone",
    label: "联系电话",
    rules: [{ required: true }],
    componentProp: {
      defaultValue: "${applyUserPhone}",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  applyUserDeptName: {
    type: "input",
    field: "applyUserDeptName",
    label: "所在部门",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "${applyUserDeptName}",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  applyUserDeptId: {
    type: "input",
    field: "applyUserDeptId",
    label: "所在部门ID",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "${applyUserDeptId}",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  job: {
    type: "input",
    field: "job",
    label: "岗位",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  startTime: {
    type: "datepicker",
    field: "startTime",
    label: "入职日期",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  endTime: {
    type: "datepicker",
    field: "endTime",
    label: "离职日期",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  handoverStartTime: {
    type: "datepicker",
    field: "handoverStartTime",
    label: "交接开始时间",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  handoverEndTime: {
    type: "datepicker",
    field: "handoverEndTime",
    label: "交接结束时间",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  reason: {
    type: "textarea",
    field: "reason",
    label: "离职原因",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "",
      defaultValue: "",
      disabled: false,
      hidden: false,
    },
  },
  days: {
    type: "input",
    field: "days",
    label: "离职交接天数",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "",
      defaultValue: "",
      disabled: false,
      hidden: false,
    },
  },
  deptManagerContent: {
    type: "input",
    field: "deptManagerContent",
    label: "部门意见",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  deptManagerSign: {
    type: "input",
    field: "deptManagerSign",
    label: "部门签字",
    rules: [{ required: true }],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  deptManagerDate: {
    type: "datepicker",
    field: "deptManagerDate",
    label: "部门（分公司）经理签字日期",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  baseAddr: {
    type: "input",
    field: "baseAddr",
    label: "base地",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "",
      defaultValue: "${applyUserBaseAddrVar}",
      disabled: false,
      hidden: false
    },
  },
  contractType: {
    type: "select",
    field: "contractType",
    label: "合同类型",
    rules: [{ required: true }],
    componentProp: {
      defaultValue: "${applyUserContractType}",
      disabled: false,
      hidden: false
    },
  },

  manpowerManagerContent: {
    type: "input",
    field: "manpowerManagerContent",
    label: "人力资源部意见",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  manpowerManagerSign: {
    type: "input",
    field: "manpowerManagerSign",
    label: "人力资源部签字",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  manpowerManagerDate: {
    type: "datepicker",
    field: "manpowerManagerDate",
    label: "人力资源部签字日期",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },

  deputyGeneralManagerContent: {
    type: "input",
    field: "deputyGeneralManagerContent",
    label: "分管领导意见",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  deputyGeneralManagerSign: {
    type: "input",
    field: "deputyGeneralManagerSign",
    label: "分管领导签字",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  deputyGeneralManagerDate: {
    type: "datepicker",
    field: "deputyGeneralManagerDate",
    label: "分管领导签字日期",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  generalManagerContent: {
    type: "input",
    field: "generalManagerContent",
    label: "公司总经理审批",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  generalManagerSign: {
    type: "input",
    field: "generalManagerSign",
    label: "总经理签字",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  generalManagerDate: {
    type: "datepicker",
    field: "generalManagerDate",
    label: "总经理签字日期",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  remark: {
    type: "textarea",
    field: "remark",
    label: "备注",
    rules: [{ required: false }],
    componentProp: {
      placeholder: "",
      defaultValue: "",
      disabled: false,
      hidden: false,
    },
  }
});
const submitForm = () => {
  return vForm.value.validate();
};
defineExpose({
  formData,
  submitForm,
});
</script>

<style scoped>
.yk_table .ant-form-item {
  margin-bottom: 0;
}

.yk_table .ant-input-number {
  width: 100%;
}

.yk_table td {
  padding: 10px;
}

::v-deep .hideLabel .ant-form-item-label {
  display: none !important;
}

::v-deep .formTimedisplay {
  display: inline-block !important;
  width: 100%;
}

::v-deep .formTimeSpan {
  vertical-align: text-top;
  display: inline-block;
  margin: 0 10px;
}

::v-deep .labelDisplay label {
  font-weight: normal
}

ul li {
  list-style-type: none;
}

.fontStyle {
  text-align: center;
  color: black;
  font-weight: bolder;
}

::v-deep .ant-input-affix-wrapper-disabled,
.ant-input-affix-wrapper[disabled],
.ant-input-disabled,
.ant-input[disabled],
.ant-picker.ant-picker-disabled,
.ant-select-disabled .ant-select:not(.ant-select-customize-input) .ant-select-selector{
  background: #fff !important;
  color: #666 !important;
}
::v-deep input[disabled],.ant-input-number-disabled {
  color: #666 !important;
  background-color: #fff !important;
}
</style>
